<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="author" content="Wayou">
        <meta name="description" content="hichat | a simple chat application built with node.js and websocket">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>register</title>
        <link rel="stylesheet" href="styles/main.css">
        <link rel="stylesheet" type="text/css" href="styles/register.css">
        <link rel="icon" href="favicon.ico" type="image/x-icon">
    </head>
    <body>
        <div class="header">register</div>
        <div class="login-form form" id="register-form">
            <p><label for="name">User name:</label><input name="name" type="text" /></p>
            <p><label for="password">Password:</label><input name="password" type="password" /></p>
            <p><label for="confirm_password">Confirm password:</label><input name="confirm_password" type="password" /></p>
            <p><label>Verification code:</label><input name="verification" type="text" /></span></p>
            <p><label>Verification code:</label><span id="random"></span></p>
            <div class="btn-box ta-c m-t20">
                <div class="register btn btn-green" id="register">Register</div>
            </div>
        </div>
        <!-- <footer>
            <small>view on <a href="">GitHub</a> | <a href="">contact me</a></small>
        </footer> -->
    </body>
    <script type="text/javascript" src="/socket.io/socket.io.js"></script>
    <script type="text/javascript" src="scripts/module.js"></script>
    <script type="text/javascript" src="scripts/jquery.min.js"></script>
    <script type="text/javascript" src="scripts/register.js"></script>
</html>
